<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="UTF-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>消息</title>
		<link rel="stylesheet" href="./css/message.css" />
		<link rel="stylesheet" href="./iconfont/iconfont.css" />
		<script src="./js/flexible.js"></script>
		<script src="./js/lib/alloyFinger.js"></script>
		<script src="./js/transform.js"></script>
	</head>
	<body>
		<!-- 信息 公告 -->

		<!-- 头部 -->
		<div class="header">
			<h3>消息</h3>
			<a href="javascript:;" class="left">公告</a>
			<p class="line"></p>
			<a href="javascript:;" class="right">任务通知</a>
		</div>
		<!-- 全部已读 -->
		<div class="read">
			<a href="javascript:;">
				<span class="iconfont icon-qingchu-24"></span>
				<span>全部已读</span>
			</a>
		</div>
		<!-- text -->
		<div class="wrapper1">
			<div class="text1">
				<ul>
					<li>
						<div class="point"></div>
						<div class="info">
							<p>在营车辆年检通知，为保障车辆能够…</p>
							<span>05-06 06:16</span>
							<a href="javascript:;"></a>
						</div>
					</li>
					<li>
						<div class="point"></div>
						<div class="info">
							<p>在营车辆年检通知，为保障车辆能够…</p>
							<span>04-02 20:23</span>
							<a href="javascript:;"></a>
						</div>
					</li>
					<li>
						<div class="point"></div>
						<div class="info">
							<p>在营车辆年检通知，为保障车辆能够…</p>
							<span>03-28 09:20</span>
							<a href="javascript:;"></a>
						</div>
					</li>
				</ul>
			</div>
		</div>

		<!-- 底栏 -->
		<div class="bottomStyle">
			<!-- 任务 -->
			<div class="tesk">
				<a id="teskBtn" href="javascript:;">
					<span class="iconfont icon-xietongrenwu"></span>
					<p>任务</p>
				</a>
			</div>
			<!-- 消息 -->
			<div class="information">
				<a class="redSel" id="informationBtn" href="javascript:;">
					<div class="rPoint"></div>
					<span class="iconfont icon-btn_mess_nor"></span>
					<p>消息</p>
				</a>
			</div>
			<!-- 我的 -->
			<div class="mine">
				<a id="mineBtn" href="javascript:;">
					<span class="iconfont icon-btn_mine_nor"></span>
					<p>我的</p>
				</a>
			</div>
		</div>

		<div class="emptyContent">
			<img src="./image/不存在@2x.png" alt="" />
			<p class="emptyContentHint">暂无消息</p>
		</div>

		<!-- text -->
		<div class="wrapper2">
			<div class="text2 textdiv">
				<ul>
					<li class="up">您有新的运输任务<span class="red"></span></li>
					<li class="middle">
						运输车辆：京A 123456 <span>运输路线：北京—广州</span>
					</li>
					<li class="down">
						2022.05.04 13:00
						<div class="view">查看详情</div>
					</li>
				</ul>
			</div>

			<div class="text3 textdiv">
				<ul>
					<li class="up">您有新的运输任务<span class="red"></span></li>
					<li class="middle">
						运输车辆：京A 123456 <span>运输路线：石家庄—呼…</span>
					</li>
					<li class="down">
						2022.05.04 13:00
						<div class="view">查看详情</div>
					</li>
				</ul>
			</div>
		</div>

		<script src="./js/message.js"></script>
	</body>
</html>
